<extend name="en_us:Public:base" />
<block name="title">
    <title>QRInn - account</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=bdf8875f9e52f651ec877dc7073586e6">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/AccountPage/index.css?rev=ada2ee790e841815f08621ce2b214f14">
    <link rel="stylesheet" type="text/css" href="/Public/jslib/cropper/2.3.0/cropper.min.css?rev=4cd5b78b4c0581196ff92a4a5b9c140d">
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="en_us:Public:Include_control_navbar" navbar-menu-setting="active" />
        <div id="doc-body" class="row">
            <include file="en_us:Public:Include_setting_side" doc-side-account="active" />
            <div id="doc-center">
                <div class="content-panel">
                    <div class="content-panel-header">
                        <div class="content-panel-title">My info</div>
                        <div class="content-panel-operation">
							<!-- <switch name="adminLogin.status">
                                <case value="0"><div class="btn-raised btn-sm btn-primary applyNormal">Apply for an official version</div></case>
                                <case value="1"><div class="btn-raised btn-sm btn-primary applyNormal">Apply for an official version</div></case>
                                <case value="2"><div class="btn-raised btn-sm btn-primary" disabled>Pending review</div></case>
                            </switch> -->
							
                            <div class="btn-raised btn-sm btn-primary" data-name="{$adminLogin.name}" data-id="{$adminLogin.id}" data-toggle="modal" data-target="#infoModal">Edit information</div>
                        </div>
                    </div>
                    <div class="content-panel-body">
                        <div class="row vertical-margin">
                            <div class="col-xs-2 text-right typo-body-2">Account：</div>
                            <div class="col-xs-9 typo-body-1">+{$adminLogin.areacode} {$adminLogin.mobile}</div>
                        </div>
                        <div class="row vertical-margin">
                            <div class="col-xs-2 text-right typo-body-2">Character:</div>
                            <if condition="($hotelRole eq 1)">
                                <div class="col-xs-9 typo-body-1">Admin</div>
                                <else />
                                <div class="col-xs-9 typo-body-1">Staff</div>
                            </if>
                        </div>
						 <if condition="$hotelUsage eq 2">
							<div class="row vertical-margin">
								<div class="col-xs-2 text-right typo-body-2">Probation:</div>
									<div class="col-xs-9 typo-body-1">{$hotelEndDate}</div>							   
								</div>
						 </if>
                        <div class="row vertical-margin">
                            <div class="col-xs-2 text-right typo-body-2">Name:</div>
                            <div class="col-xs-9 typo-body-1">{$adminLogin.name}</div>
                        </div>
                        <div class="row vertical-margin">
                            <div class="col-xs-2 text-right typo-body-2">Avatar:</div>
                            <div class="col-xs-9">
                                <img class="lazyload img-avatar" data-original="{$adminLogin.headpath}" />
                            </div>
                        </div>
                    </div>
                    <div class="content-panel-footer">
                        <div class="pull-left">
                            <div class="btn-sm btn-link" data-toggle="modal" data-mobile="+{$adminLogin.areacode} {$adminLogin.mobile}" data-target="#changeMobileModal">Replace the phone number</div>
                            <div class="btn-sm btn-link text-accent" data-toggle="modal" data-target="#changePasswordModal">Change Password</div>
                        </div>
                    </div>
                </div>
                <if condition="($hasAdmin eq 1)">
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">Sub account information</div>
                            <div class="content-panel-operation">
                                <div class="btn-raised btn-sm btn-primary" data-toggle="modal" data-target="#addModal">Add subaccount</div>
                            </div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">You can set different sub-accounts for your employees, and permissions can be changed at any time.</div>
                            <div class="btn-group" id="tabSwitchGroup">
                                <div class="btn-sm btn btn-raised btn-primary btn-group-tab" data-value="0">All</div>
                                <div class="btn-sm btn-link btn-raised" data-toggle="modal" data-target="#groupNameModal">Edit group name</div>
                                <div class="btn-sm btn-link btn-raised" data-toggle="modal" data-target="#groupMemberModal" id="groupMemberModalTrigger">Edit group members</div>
                            </div>
                            <div class="content-panel-empty vertical-middle-block sm-height typo-body-1" id="managerErrorInfoContainer">
                                <div class="vertical-middle-block-cell" id="managerErrorInfo">The group does not add a subaccount</div>
                            </div>
                            <table class="table content-panel-table hidden" id="accounts-table">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Phone number</th>
                                        <th>Affiliated group</th>
                                        <th>Authority</th>
                                        <th style="padding-left: 32px;">Operating</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="content-panel" id="popularizeContent">
                        <div class="content-panel-header">
                            <div class="content-panel-title">Main account promotion link</div>
                            <div class="content-panel-operation">
                                <div class="btn-raised btn-sm btn-primary" data-toggle="modal" data-target="#popularizeModal">Setting</div>
                            </div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">This link provides a QRBooking unified entrance to all the pubs under the main account, which can be used to display all the QRBooking</div>
                            <div id="popularizeLink" class="typo-text-black-deep vertical-padding"></div>
                            <div id="popularizeLinkQRCode"></div>
                        </div>
                    </div>
                </if>
            </div>
        </div>
    </div>
    <!--end of doc-->
    <!--Edit group members模态框-->
    <div class="modal fade" data-backdrop="static" id="groupMemberModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Edit group members</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-2 control-label">Select group:</label>
                            <div class="col-xs-5">
                                <select id="groupMemberBelong" class="form-control">
                                </select>
                            </div>
                            <div class="col-xs-5">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-2 control-label">Member:</label>
                            <div class="col-xs-9" id="groupMembers">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" data-value="" id="submitGroupMember">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Edit group name模态框-->
    <div class="modal fade" data-backdrop="static" id="groupNameModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Edit group name</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm" id="groupNameForm">
                        <div class="form-group addGroupContainer">
                            <label class="col-xs-2 control-label"></label>
                            <div class="col-xs-1">
                                <div class="btn-link btn-sm text-sm text-accent" id="addGroup">Add</div>
                            </div>
                            <div class="col-xs-9">
                                <div class="help-block"></div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" data-value="" id="submitGroupName">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <include file="en_us:Public:Include_picture_cropper" />
    <div class="modal fade" data-backdrop="static" id="popularizeModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Promote link settings</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Hotel name:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="popularizeName" maxlength="20" autocomplete="off" placeholder="Please enter the name of the hotel" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Cover image:</label>
                            <div class="col-xs-9">
                                <div class="picture-container">
                                    <div class="picture absolute-shade hidden">
                                        <div class="picture-re-upload text-sm text-accent absolute-shade text-center">Modify the picture
                                        </div>
                                    </div>
                                    <a class="picuture-upload"><span class="glyphicon glyphicon-plus"></span></a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" data-value="" id="submitPopularizeInfo">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Edit information模态框-->
    <div class="modal fade" data-backdrop="static" id="infoModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Edit information</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Name:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="editName" maxlength="20" autocomplete="off" placeholder="Please input your name" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Replace the picture:</label>
                            <div class="fileUpload" id="showOrganizationNoContainer">
                                <div class="col-xs-3 input-btn-group">
                                    <input type="text" class="form-control input-btn-group-input" id="uploadPicture" readonly placeholder="Please click to select the picture to upload" value="{$adminLogin['headpath']}">
                                    <input type="file" accept="image/*" class="hidden fileUploadInput">
                                </div>
                                <div class="col-xs-2 input-group-right">
                                    <div id="organizationUpload" data-config="user" class="col-xs-12 btn-accent btn-raised input-btn-group-btn fileUploadTrigger">Upload</div>
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                                <a class="hidden fileUploadStart btn-primary btn-raised">Upload</a>
                                <div class="col-xs-12 vertical-padding">
                                    <div class="col-xs-offset-3" style="margin-left: 26%;">
                                        <!--<div class="fileUploadProgress spinner spinner-single-color ulite-js-spinner is-active"></div>-->
                                        <img class="img-certification fileUploadResult img-avatar" src="{$adminLogin['headpath']}" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" data-value="" id="submitInfo">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Replace the phone number模态框-->
    <div class="modal fade" data-backdrop="static" id="changeMobileModal">
        <div class="modal-dialog sm-width" id="changeMobileModalDialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Replace the phone number</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm" id="verifyMobileForm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Phone number:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="verifyMobile" readonly="readonly" value="{$mobile}">
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Verification code:</label>
                            <div class="col-xs-3 input-btn-group">
                                <input type="text" class="form-control" name="code" id="verifyMobileCode" maxlength='6' placeHolder="Security code" autocomplete="off" value="">
                            </div>
                            <div class="col-xs-2 input-group-right">
                                <div id="verifyVcodeTrigger" data-areacode='{$adminLogin.areacode}' class="col-xs-12 btn-accent btn-raised input-btn-group-btn"><span class="displayTime"></span>Get code</div>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                    </form>
                    <form class="form-horizontal form-sm hidden" id="changeMobileForm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">New mobile phone:</label>
                            <div class="col-xs-5">
                                <include file="en_us:Public:Include_area_code" style=''  />
                                <input type="text" class="form-control" style="padding-left: 58px;" id="newMobile" maxlength="11" autocomplete="off" placeHolder="Lease enter the new mobile phone" value="">
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Verification code:</label>
                            <div class="col-xs-3 input-btn-group">
                                <input type="text" class="form-control" name="code" id="newMobileCode" maxlength='6' placeHolder="Security code">
                            </div>
                            <div class="col-xs-2 input-group-right">
                                <div id="newVcodeTrigger" class="btn-accent btn-raised input-btn-group-btn col-xs-12"><span class="displayTime"></span>Get code</div>
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitVerifyMobile">Next,set the new mobile phone</button>
                                <button type="button" class="btn-sm btn-primary btn-raised hidden" id="submitChangeMobile">Complete</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Change Password模态框-->
    <div class="modal fade" data-backdrop="static" id="changePasswordModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Change Password</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Old password:</label>
                            <div class="col-xs-5">
                                <input type="password" autocomplete="off" class="form-control" id="requestPassword" placeholder="Please input the old password" value="">
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">New password:</label>
                            <div class="col-xs-5">
                                <input type="password" autocomplete="off" class="form-control" id="requestNewPassword" placeholder="Please input the new password" value="">
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">ConfirmNew password:</label>
                            <div class="col-xs-5">
                                <input type="password" autocomplete="off" class="form-control" id="requestConfirmNew" placeholder="Please input the new password" value="">
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Auth code:</label>
                            <div class="col-xs-3 input-btn-group">
                                <input type="text" autocomplete="off" maxlength="4" class="form-control" id="requestVcode" placeholder="Security code" value="">
                            </div>
                            <div class="col-xs-2 input-group-right">
                                <img id="imgcode" class="input-btn-group-btn col-xs-12 col-without-padding" onclick="javascript:refreshVcode();" src="{:U('Home/Public/createpic');}">
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitChangePassword">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Delete subaccount模态框-->
    <div class="modal fade" data-backdrop="static" id="deleteModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Delete subaccount</div>
                </div>
                <div class="modal-body">
                    Are you sure to delete the subaccount&nbsp;<span class="account text-accent"></span>&nbsp;,Name&nbsp;<span class="name text-accent"></span>&nbsp;Why?
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" data-value='' id="submitDelete">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Add subaccount模态框-->
    <div class="modal fade" data-backdrop="static" id="addModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Add subaccount</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm" id="accountAdd-container">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Phone number:</label>
                            <div class="col-xs-5">
                                <include file="en_us:Public:Include_area_code" style=''  />
                                <input type="text" class="form-control" style="padding-left:58px ;" id="addMobile" autocomplete="off" maxlength="11" placeholder="Please input the phone no." value="">
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                            <div id="ajaxSeachLoad" class="col-xs-2"></div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Name:</label>
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="addName" autocomplete="off" maxlength="20" placeholder="Please input your name" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitAdd">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Authority模态框-->
    <div class="modal fade" data-backdrop="static" id="authorityModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Setting permissions</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm" id="accountAuthority-container">
                        <foreach name="hotelEntitys" item="vo">
                            <div id="hotel_{$vo.id}" class="hotelAuthority">
                                <div class="content-panel-header">
                                    <div class="content-panel-title">
                                        <input type="checkbox" value="{$vo.id}" class="hotel">
                                        <label class="control-label">{$vo.name}</label>
                                    </div>
                                </div>
                                <div class="content-panel-body permission">
                                    <foreach name="hotelAuthoritys" item="hotelAuthority">
                                        <div class="<if condition='$hotelAuthority.show eq 0'>hidden</if>">
                                            <label class="control-label">{$hotelAuthority.name}</label>
                                        </div>
                                        <div class="allauthority <if condition='$hotelAuthority.show eq 0'>hidden</if>" value='{$hotelAuthority.id}'>
                                            <foreach name="hotelAuthority['authoritys']" item="authority">
                                                <input type="checkbox" value="{$authority.id}" class="authority" />
                                                <label class="control-label">{$authority.name}</label>&nbsp;&nbsp;
                                            </foreach>
                                        </div>
                                    </foreach>
                                </div>
                            </div>
                        </foreach>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" data-value="" id="submitAuthority">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Room authority模态框-->
    <div class="modal fade" data-backdrop="static" id="roomAuthorityModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">Limit room permissions</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm" id="roomAuthority-container">
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" data-value="" id="submitRoomAuthority">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--酒店Room authority模版-->
    <script type="text/html" id="hotelRoomAuthorityTemplate">
        <div class="hotelRoomAuthority">
            <div class="content-panel-header">
                <div class="content-panel-title">
                    <label class="control-label hotelName"></label>
                    <label class="control-label">&nbsp;&nbsp;Select all</label>
                    <input type="checkbox" class="hotel" />
                </div>
            </div>
            <div class="content-panel-body permission">
            </div>
        </div>
    </script>
    <!--Room typeAuthority模版-->
    <script type="text/html" id="roomTypeAuthorityTemplate">
        <div class="roomTypeAuthorityItem">
            <div class="">
                <input type="checkbox" class="roomTypeAuthority" />
                <label class="control-label"></label>
            </div>
            <div class="allauthority">
            </div>
        </div>
    </script>
    <!--Room authority模版-->
    <script type="text/html" id="roomAuthorityTemplate">
        <div class="roomAuthorityItem">
            <input type="checkbox" class="roomAuthority" />
            <label class="control-label"></label>&nbsp;&nbsp;
        </div>
    </script>
    <script type="text/html" id="templateGroupMember">
        <label class="checkbox ulite-js-checkbox ulite-js-ripple-effect">
            <input type="checkbox" class="checkbox-input checkbox-facility" />
            <span class="checkbox-label nowrap-content"></span>
        </label>
    </script>
    <script type="text/html" id="templateGroupTab">
        <div class="btn-sm btn btn-raised btn-group-tab"></div>
    </script>
    <script type="text/html" id="templateGroup">
        <div class="form-group editGroupNameContainer">
            <label class="col-xs-2 control-label">Group name:</label>
            <div class="col-xs-5">
                <input type="text" class="form-control editGroupName" maxlength="15" autocomplete="off" placeholder="Please input the group name" />
            </div>
            <div class="col-xs-1"><span class="removeGroupName text-accent iconfont icon-minus"></span></div>
            <div class="col-xs-4">
                <div class="help-block"></div>
            </div>
        </div>
    </script>
    <script type="text/html" id="templateGroupMemberTr">
        <tr>
            <td tag="name" class="col-xs-2"></td>
            <td tag="mobile" class="col-xs-1"></td>
            <td tag="group" class="col-xs-1"></td>
            <td tag="authority" class="col-xs-5"></td>
            <td tag="operation" class="col-xs-3" style="padding-left: 32px;">
                <div class="btn-link" data-toggle="modal" data-target="#deleteModal" style="margin-right: 10px;">Delete</div>
                <div class="btn-link" data-toggle="modal" data-target="#authorityModal" style="margin-right: 10px;">Setting permissions</div>
                <div class="btn-link" data-toggle="modal" data-target="#roomAuthorityModal">Room authority</div>
            </td>
        </tr>
    </script>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=2f4f9b947211237111cba4659fbc93b3"></script>
    <script type="text/javascript" src="/Public/jslib/cropper/2.3.0/cropper.min.js?rev=622bdc81acfb828b06e23a5ab59c315f"></script>
    <script type="text/javascript" src="/Public/jslib/canvas-to-blob/3.3.0/canvas-to-blob.min.js?rev=a0ad0191898c078a477dffe0aa7730e1"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookSettingPage/cropper.js?rev=3ea98e6124baa39be08d5f6e02959898"></script>
    <script type="text/javascript" src="/Public/jslib/qrcode/jquery-qrcode.min.js"></script>
    <script type="text/javascript" src="/Public/dist/Home/AccountPage/index.js?rev=7766a57802b3b7dd35167f6f6c904444"></script>
</block>
